@charset "utf-8";
._i {
  display: block;
  background-image: url("../img/ico.png");
  background-size: 300%;
  background-position-x: 0;
  background-repeat: no-reepat;
}
.ico-white>._i { background-position-x: -96px;}
.ico-red>._i {background-position-x: -192px;}
.ico-s.ico-white>._i { background-position-x: -24px;}
.ico-s.ico-red>._i {background-position-x: -48px;}
.ico-m.ico-white>._i { background-position-x: -36px;}
.ico-m.ico-red>._i {background-position-x: -72px;}
.ico-l.ico-white>._i { background-position-x: -48px;}
.ico-l.ico-red>._i {background-position-x: -96px;}

.ico-none>._i {background-position: 400px 500px!important;}
/* 图标位置定义 */
.ico-pr,
.ico-pl,
.ico-pt,
.ico-pb {
  position: relative;
}
header.ico-pr,
header.ico-pl {
  display: inline-block;
}
.ico-pt > ._i,
.ico-pb > ._i {
  margin: 0 auto
}
.ico-pr {
  padding-right: 96px;
  min-height: 96px;
  line-height: 96px;
}
.ico-s.ico-pr {
  padding-right: 24px;
  min-height: 24px;
  line-height: 24px;
}
.ico-m.ico-pr {
  padding-right: 36px;
  min-height: 36px;
  line-height: 36px;
}
.ico-l.ico-pr {
  padding-right: 48px;
  min-height: 48px;
  line-height: 48px;
}
.ico-pl {
  padding-left: 96px;
  min-height: 96px;
  line-height: 96px;
}
.ico-s.ico-pl {
  padding-left: 24px;
  min-height: 24px;
  line-height: 24px;
}
.ico-m.ico-pl {
  padding-left: 36px;
  min-height: 36px;
  line-height: 36px;
}
.ico-l.ico-pl {
  padding-left: 48px;
  min-height: 48px;
  line-height: 48px;
}
.ico-pr>._i {
  position: absolute;
  right: 0;
  top: 0;
}
.ico-pl>._i {
  position: absolute;
  left: 0;
  top: 0;
}
.ico-red span{ color: #e73335}
.ico-white span{ color: #fff}

.btn-nav>._i {
  margin: 0 auto;
}
.ico-s>._i {
  width: 24px;
  height: 24px;
}
.ico-m>._i {
  width: 36px;
  height: 36px;
}
.ico-l>._i {
  width: 48px;
  height: 48px;
}
._i {
  width: 96px;
  height: 96px;
}
/* 小号图标 */
.ico-s.ico-home >._i { background-position-y: 0}
.ico-s.ico-list >._i { background-position-y: -24px}
.ico-s.ico-pig >._i { background-position-y: -48px}
.ico-s.ico-user >._i { background-position-y: -72px}
.ico-s.ico-shield >._i { background-position-y: -96px}
.ico-s.ico-more >._i { background-position-y: -120px}
.ico-s.ico-left >._i { background-position-y: -144px}
.ico-s.ico-right >._i { background-position-y: -168px}
.ico-s.ico-filter >._i { background-position-y: -192px}
.ico-s.ico-plus >._i { background-position-y: -216px}
.ico-s.ico-ok >._i { background-position-y: -240px}
.ico-s.ico-user-s >._i { background-position-y: -264px}
.ico-s.ico-mobile >._i { background-position-y: -288px}
.ico-s.ico-lock >._i { background-position-y: -312px}
.ico-s.ico-eye >._i { background-position-y: -336px}
.ico-s.ico-msg >._i { background-position-y: -360px}
.ico-s.ico-card >._i { background-position-y: -384px}
.ico-s.ico-lock-2 >._i { background-position-y: -408px}
.ico-s.ico-mail >._i { background-position-y: -432px}
.ico-s.ico-question >._i { background-position-y: -456px}
.ico-s.ico-plus-s >._i { background-position-y: -480px}
.ico-s.ico-error >._i { background-position-y: -504px}
.ico-s.ico-warning >._i { background-position-y: -528px}
.ico-s.ico-info >._i { background-position-y: -552px}
.ico-s.ico-subtract >._i { background-position-y: -576px}
.ico-s.ico-map >._i { background-position-y: -600px}
.ico-s.ico-friend >._i { background-position-y: -624px}
.ico-s.ico-id >._i { background-position-y: -648px}
.ico-s.ico-camera >._i { background-position-y: -672px}
.ico-s.ico-code >._i { background-position-y: -696px}
.ico-s.ico-change >._i { background-position-y: -720px}
.ico-s.ico-rmb >._i { background-position-y: -744px}
.ico-s.ico-free >._i { background-position-y: -768px}
.ico-s.ico-timer >._i { background-position-y: -792px}
.ico-s.ico-truck >._i { background-position-y: -816px}
.ico-s.ico-flash >._i { background-position-y: -840px}
.ico-s.ico-hand >._i { background-position-y: -864px}
.ico-s.ico-group >._i { background-position-y: -888px}
.ico-s.ico-cart >._i { background-position-y: -912px}
.ico-s.ico-commodity >._i { background-position-y: -936px}
.ico-s.ico-wine >._i { background-position-y: -960px}
.ico-s.ico-spirit >._i { background-position-y: -984px}
.ico-s.ico-bear >._i { background-position-y: -1008px}
.ico-s.ico-cigarette >._i { background-position-y: -1032px}
.ico-s.ico-mark-map >._i { background-position-y: -1056px}
.ico-s.ico-mark >._i { background-position-y: -1080px}
.ico-s.ico-data >._i { background-position-y: -1104px}
.ico-s.ico-pencil >._i { background-position-y: -1128px}
.ico-s.ico-pie >._i { background-position-y: -1152px}
.ico-s.ico-search >._i { background-position-y: -1176px}


/* 中号图标 */
.ico-m.ico-home >._i { background-position-y: 0}
.ico-m.ico-list >._i { background-position-y: -36px}
.ico-m.ico-pig >._i { background-position-y: -72px}
.ico-m.ico-user >._i { background-position-y: -108px}
.ico-m.ico-shield >._i { background-position-y: -144px}
.ico-m.ico-more >._i { background-position-y: -180px}
.ico-m.ico-left >._i { background-position-y: -216px}
.ico-m.ico-right >._i { background-position-y: -252px}
.ico-m.ico-filter >._i { background-position-y: -288px}
.ico-m.ico-plus >._i { background-position-y: -324px}
.ico-m.ico-ok >._i { background-position-y: -360px}
.ico-m.ico-user-s >._i { background-position-y: -396px}
.ico-m.ico-mobile >._i { background-position-y: -432px}
.ico-m.ico-lock >._i { background-position-y: -468px}
.ico-m.ico-eye >._i { background-position-y: -504px}
.ico-m.ico-msg >._i { background-position-y: -540px}
.ico-m.ico-card >._i { background-position-y: -576px}
.ico-m.ico-lock-2 >._i { background-position-y: -612px}
.ico-m.ico-mail >._i { background-position-y: -648px}
.ico-m.ico-question >._i { background-position-y: -684px}
.ico-m.ico-plus-s >._i { background-position-y: -720px}
.ico-m.ico-error >._i { background-position-y: -756px}
.ico-m.ico-warning >._i { background-position-y: -792px}
.ico-m.ico-info >._i { background-position-y: -828px}
.ico-m.ico-subtract >._i { background-position-y: -864px}
.ico-m.ico-map >._i { background-position-y: -900px}
.ico-m.ico-friend >._i { background-position-y: -936px}
.ico-m.ico-id >._i { background-position-y: -972px}
.ico-m.ico-camera >._i { background-position-y: -1008px}
.ico-m.ico-code >._i { background-position-y: -1044px}
.ico-m.ico-change >._i { background-position-y: -1080px}
.ico-m.ico-rmb >._i { background-position-y: -1116px}
.ico-m.ico-free >._i { background-position-y: -1152px}
.ico-m.ico-timer >._i { background-position-y: -1188px}
.ico-m.ico-truck >._i { background-position-y: -1224px}
.ico-m.ico-flash >._i { background-position-y: -1260px}
.ico-m.ico-hand >._i { background-position-y: -1296px}
.ico-m.ico-group >._i { background-position-y: -1332px}
.ico-m.ico-cart >._i { background-position-y: -1368px}
.ico-m.ico-commodity >._i { background-position-y: -1404px}
.ico-m.ico-wine >._i { background-position-y: -1440px}
.ico-m.ico-spirit >._i { background-position-y: -1476px}
.ico-m.ico-bear >._i { background-position-y: -1512px}
.ico-m.ico-cigarette >._i { background-position-y: -1548px}
.ico-m.ico-mark-map >._i { background-position-y: -1584px}
.ico-m.ico-mark >._i { background-position-y: -1620px}
.ico-m.ico-data >._i { background-position-y: -1656px}
.ico-m.ico-pencil >._i { background-position-y: -1692px}
.ico-m.ico-pie >._i { background-position-y: -1728px}
.ico-m.ico-search >._i { background-position-y: -1764px}

/* 大号图标 */
.ico-l.ico-home >._i { background-position-y: 0}
.ico-l.ico-list >._i { background-position-y: -48px}
.ico-l.ico-pig >._i { background-position-y: -96px}
.ico-l.ico-user >._i { background-position-y: -144px}
.ico-l.ico-shield >._i { background-position-y: -192px}
.ico-l.ico-more >._i { background-position-y: -240px}
.ico-l.ico-left >._i { background-position-y: -288px}
.ico-l.ico-right >._i { background-position-y: -336px}
.ico-l.ico-filter >._i { background-position-y: -384px}
.ico-l.ico-plus>._i { background-position-y: -432px}
.ico-l.ico-ok >._i { background-position-y: -480px}
.ico-l.ico-user-s >._i { background-position-y: -528px}
.ico-l.ico-mobile >._i { background-position-y: -576px}
.ico-l.ico-lock >._i { background-position-y: -624px}
.ico-l.ico-eye >._i { background-position-y: -672px}
.ico-l.ico-msg >._i { background-position-y: -720px}
.ico-l.ico-card >._i { background-position-y: -768px}
.ico-l.ico-lock-2 >._i { background-position-y: -816px}
.ico-l.ico-mail >._i { background-position-y: -864px}
.ico-l.ico-question >._i { background-position-y: -912px}
.ico-l.ico-plus-s >._i { background-position-y: -960px}
.ico-l.ico-error >._i { background-position-y: -1008px}
.ico-l.ico-warning >._i { background-position-y: -1056px}
.ico-l.ico-info >._i { background-position-y: -1104px}
.ico-l.ico-subtract >._i { background-position-y: -1152px}
.ico-l.ico-map >._i { background-position-y: -1200px}
.ico-l.ico-friend >._i { background-position-y: -1248px}
.ico-l.ico-id >._i { background-position-y: -1296px}
.ico-l.ico-camera >._i { background-position-y: -1344px}
.ico-l.ico-code >._i { background-position-y: -1392px}
.ico-l.ico-change >._i { background-position-y: -1440px}
.ico-l.ico-rmb >._i { background-position-y: -1488px}
.ico-l.ico-free >._i { background-position-y: -1536px}
.ico-l.ico-timer >._i { background-position-y: -1584px}
.ico-l.ico-truck >._i { background-position-y: -1632px}
.ico-l.ico-flash >._i { background-position-y: -1680px}
.ico-l.ico-hand >._i { background-position-y: -1728px}
.ico-l.ico-group >._i { background-position-y: -1776px}
.ico-l.ico-cart >._i { background-position-y: -1824px}
.ico-l.ico-commodity >._i { background-position-y: -1872px}
.ico-l.ico-wine >._i { background-position-y: -1920px}
.ico-l.ico-spirit >._i { background-position-y: -1968px}
.ico-l.ico-bear >._i { background-position-y: -2016px}
.ico-l.ico-cigarette >._i { background-position-y: -2064px}
.ico-l.ico-mark-map >._i { background-position-y: -2112px}
.ico-l.ico-mark >._i { background-position-y: -2160px}
.ico-l.ico-data >._i { background-position-y: -2208px}
.ico-l.ico-pencil >._i { background-position-y: -2256px}
.ico-l.ico-pie >._i { background-position-y: -2304px}
.ico-l.ico-search >._i { background-position-y: -2352px}

/* 特大号图标 */
.ico-home >._i { background-position-y: 0}
.ico-list >._i { background-position-y: -96px}
.ico-pig >._i { background-position-y: -192px}
.ico-user >._i { background-position-y: -288px}
.ico-shield >._i { background-position-y: -384px}
.ico-more >._i { background-position-y: -480px}
.ico-left >._i { background-position-y: -576px}
.ico-right >._i { background-position-y: -672px}
.ico-filter >._i { background-position-y: -768px}
.ico-plus>._i { background-position-y: -864px}
.ico-ok >._i { background-position-y: -960px}
.ico-user-s >._i { background-position-y: -1056px}
.ico-mobile >._i { background-position-y: -1152px}
.ico-lock >._i { background-position-y: -1248px}
.ico-eye >._i { background-position-y: -1344px}
.ico-msg >._i { background-position-y: -1440px}
.ico-card >._i { background-position-y: -1536px}
.ico-lock-2 >._i { background-position-y: -1632px}
.ico-mail >._i { background-position-y: -1728px}
.ico-question >._i { background-position-y: -1824px}
.ico-plus-s >._i { background-position-y: -192px}
.ico-error >._i { background-position-y: -2016px}
.ico-warning >._i { background-position-y: -2112px}
.ico-info >._i { background-position-y: -2208px}
.ico-subtract >._i { background-position-y: -2304px}
.ico-map >._i { background-position-y: -2400px}
.ico-friend >._i { background-position-y: -2496px}
.ico-id >._i { background-position-y: -2592px}
.ico-camera >._i { background-position-y: -2688px}
.ico-code >._i { background-position-y: -2784px}
.ico-change >._i { background-position-y: -2880px}
.ico-rmb >._i { background-position-y: -2976px}
.ico-free >._i { background-position-y: -3072px}
.ico-timer >._i { background-position-y: -3168px}
.ico-truck >._i { background-position-y: -3264px}
.ico-flash >._i { background-position-y: -3360px}
.ico-hand >._i { background-position-y: -3456px}
.ico-group >._i { background-position-y: -3552px}
.ico-cart >._i { background-position-y: -3648px}
.ico-commodity >._i { background-position-y: -3744px}
.ico-wine >._i { background-position-y: -3840px}
.ico-spirit >._i { background-position-y: -3963px}
.ico-bear >._i { background-position-y: -4032px}
.ico-cigarette >._i { background-position-y: -4128px}
.ico-mark-map >._i { background-position-y: -4224px}
.ico-mark >._i { background-position-y: -4320px}
.ico-data >._i { background-position-y: -4416px}
.ico-pencil >._i { background-position-y: -4512px}
.ico-pie >._i { background-position-y: -4608px}
.ico-search >._i { background-position-y: -4704px}
